/*HTML ENTITIES */
html
{
	font-family: helvetica,arial,sans-serif,verdana;
	font-style:normal;
	height:100%;
 }
body
{
	background:#000000;
	margin:auto;
	color:#EEEEEE;
}

h1
{
	font-size:30px;
}

h2
{
	font-size:25px;
}

h3
{
	font-size:20px;
}

h4
{
	font-size:15px;
}

h5
{
	font-size:11px;
}

h5
{
	font-size:8px;
}

div
{}

p
{
	padding:15px 0px 15px 0px;
	text-align: justify;
}

table{}
thead
{
	color:#DDAA11;
	background-color:#EEEEEE;
}
tbody
{

}
tfoot{}
th
{
	color:#DDAA11;
	background-color:#EEEEEE;
}
td{}
tr{}

ul
{
	padding:3px;
}
li{}

a
{
	text-decoration:none;
}

form{
	margin:0px;
	}

address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], listing, listing[dir], map, map[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], xmp, xmp[dir]
{}

/*MENU GAUCHE*/
/*MENU*/

	/* Text Layer*/
	#menuGauche
	{
		font-family:Syncopate,helvetica,arial,sans-serif,verdana;
		font-weight:700;
		position:relative;
		z-index:101;
		height:30px;
		border-bottom: 1px solid rgb(132,220,33);
		padding-top:10px;
		padding-bottom:10px;
	}
		/*Background Layer*/
	#underMenu
	{
		position:absolute;
		height:50px;
		background:rgba(255,255,255,0.1);
		/*opacity:0.1;
		filter:alpha(opacity=10);*/
		float:left;
	}
	.logo
	{
		display:inline-block;
		background:url("../images/logo.png") 0px 0px;
		background-size:51px 30px ;
		background-position:0px 0px;
		background-repeat:no-repeat;
		height:30px;
		padding-left:60px;
		margin-left:30px;
	}
	
	span#photodigme
	{
		color: rgb(132,220,33);
		text-shadow:2px 4px #000000;
		vertical-align:-5px;
	}
	ul.menuGauche
	{
		margin:0px;
		padding:10px 20px;
		float:right;
		text-align:center;
		color:#777777;
	}

	li.menuGaucheListItem
	{
		font-weight:700;
		padding: 5px 10px 0px 10px;
		list-style :none;
		float:left;
		font-size:11px;
		height:25px;
	}

	li.menuGaucheListItem:hover
	{
		/*background-color: #EEEEEE;*/
		color: rgb(247,255,212);/*#DDAA11;*/
	}
	
	.active
	{
		color: rgb(247,255,212);
	}
	
	a.titleLink
	{
		color:#777777;
	}
	a.menuGaucheLink:hover, a.titleLink:hover, a.active
	{
		color: rgb(247,255,212);
	}
	a.menuGaucheLink:active, a.titleLink:active
	{
		color: rgb(247,255,212);
	}


	
	/*SubMenu */
	
	#menuGauche img{
		width:51px;
		height:30px;
	}
	
	.subHeader
	{
		background-color: rgba(37,170,0,0.5);
		
		position:relative;
		display:block;
		height:15px;
		
		padding-top:5px;
		padding-left:0px;
		border-bottom: 1px solid rgb(132,220,33);
		
		font-family:Syncopate,helvetica,arial,sans-serif,verdana;
	}
	
	span.subHeaderTitle
	{
		font-size:11px;
			font-weight:700;
		letter-spacing:2px;
		text-shadow:1px 1px #000000;
		float:left;
		color:#F7FFD4;
		padding-left:30px;
		
		position:relative;
	}
	span.subHeaderContent
	{
		font-size:10px;
		position:relative;
	}
	
	ul.subMenuList
		{
			padding-left:40px;
			margin:0px;
			display:inline;
			position:relatvie;
		}
		
		li.subMenuItem
		{
			padding:0px 15px;
			list-style:none;
			color: rgb(247,255,212);
			display:inline;
			vertical-align:5px;
		}
		
		li.subMenuItem:hover
		{
			/*background-color:#EEEEEE;*/
			color: rgb(214,255,57);
		}
		
		li.subMenuItem.active
		{
			/*background-color:#EEEEEE;*/
			color: rgb(214,255,57);
		}
		
			a.menuGaucheLink
	{
		color: rgb(247,255,212);
	}
	a.menuGaucheLink:hover
	{
		color: rgb(214,255,57);
	}
		a.menuGaucheLink:active
	{
		color: rgb(214,255,57);
	}

	/*Connection*/
	div.connectModule
	{
		list-style:none;
		position:absolute;
		left:0px;
		top:50px;
		padding:10px 20px;
		background-color: rgba(37, 170, 0, 0.5);
	}
	


/*CONTENT*/
#content
{
}

#main
{
	margin-left:auto;
	margin-right:auto;
}

/*ADMINISTRATION*/
ul.menuConnection
{
	padding:0px;
	margin:0px;
	display:block;
	text-align:right;
	list-style:none;
	
}
li.menuConnectionItem
{
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	padding-top: 10px;
	z-index:1001;
	width:25px;
	height:25px;
	display:inline;
	float:left;

}
#flickrConnection
{
	background:url('images/flickr_logo.png') no-repeat;
	background-size:25px 25px;
	background-position: right center;
}
#facebookConnection
{
		background:url('images/facebook_logo.png') no-repeat;
		background-size:25px 25px;
		background-position: right center;
}
#picasaConnection
{
	background:url('images/picasa_logo.png') no-repeat;
		background-size:25px 25px;
		background-position: right center;
}
input[type="text"], textarea
{
	width:250px;
	font-size:16px;
	padding:3px;
	padding-left:5px;
	border:1px solid #EEEEEE;
	
	-moz-border-radius: 5px;
	border-radius: 5px;
}

input[type="text"].email
{
	font-size:16px;
	padding-left:35px;
	margin:2px;
	background:#EEEEEE url(../images/email.png) no-repeat;
	background-size:30px 30px;
	border:1px solid #CCCCCC;
}

input[type="text"]:hover, textarea:hover
{
	border: 1px solid #bfd255;
}

input[type="text"]:active, textarer:active
{
	border: 1px solid #000000;
}

input[type="submit"], input[type="button"]
{
		background: #bfd255; /* Old browsers */
		background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
		
		color:#FFFFFF;
		font-size:16px;
		
		-moz-border-radius: 5px;
		border-radius: 5px;
}

input[type="submit"]:hover, input[type="button"]:hover
{
	border-top: 2px solid #8eb92a;
	border-left: 2px solid #8eb92a;
	
	border-right: 2px solid #72aa00;
	border-bottom: 2px solid #72aa00;
}

input[type="submit"]:active, input[type="button"]:active
{
	background: #72aa00;
	border: 2px solid #72aa00;
}
.ajaxLoader
{
	background:url('images/ajax-loader.gif') no-repeat;
	visibility:hidden;
	height: 32px;
    width: 32px;
}

.photoSelector
{
	display:block;
}

.content
{
	width:960px;
	margin:auto;
	text-align:center;
}

/**Gallery Viewer**/
div.galleryViewer
{
	margin:auto;
	padding-top:30px;
	width:775px;
}

.galleryViewer div.gallery
{
	display:inline-block;
	margin:25px;
	position:relative;
}

.galleryViewer div.gallery img.imageGallery
{
	width:175px;
	height:175px;
	opacity:0.5;
	cursor:pointer;
}

.galleryViewer div.gallery img.imageGallery:hover, .galleryViewer div.gallery img.imageGallery.hovered
{
	opacity:1;
}

.galleryViewer div.gallery span
{
	width:175px;
	height:50px;
	position:absolute;
	left:0px;
	top:60px;
}

.galleryViewer div.gallery span.galleryNameBackGround
{
	background-color:#000000;
	opacity:0.5;
	z-index:100;
}

.galleryViewer div.gallery span.galleryName
{
	color:#F7FFD4;
	font-size:30px;
	text-align:center;
	top:0px;
	z-index:200;
	opacity:1;
}

.imageHome
{
	margin:auto;
	padding-top:10px;
	padding-left:auto;
}

.contentHome
{
	width:600px;
	height:600px;
	overflow:hidden;
	margin:auto;
	margin-top:20px;
	text-align:center;
}